<div class="d-flex flex-column w-100">

  <div class="vm-navbar my-1 border-top">
    <div class="app-list f-utils-fill  d-flex flex-row">
      <ul class="nav f-utils-overflow-xayh border">

        <li id="method" [class.active]="showType==='method'" (click)="onChangeLeftNode('method')">
          <!-- <i class="f-icon f-icon-formula-fx mr-1"></i> -->
          <div style="line-height: 34px;"> 方法 </div>
        </li>
        <li id="variable" [class.active]="showType==='variable'" (click)="onChangeLeftNode('variable')">
          <!-- <i class="f-icon f-icon-sum mr-1 mr-1"></i> -->
          <div style="line-height: 34px;"> 变量 </div>
        </li>
      </ul>

    </div>
  </div>


  <!-- 方法编辑区域 -->
  <app-method-manager #method [hidden]="showType !== 'method'"></app-method-manager>

  <!-- 变量编辑区域 -->
  <app-variable-manager #variable [hidden]="showType !== 'variable'">
  </app-variable-manager>

</div>